</html>
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>作业</title>
</head>

<body>
	<div style="width:800px">

		<div style="height:100px ; width:600px ; background:#0FC ; float:left">
			<p style="text-align:center ; line-height:50px">主要应用于网站首页公告和标签
			</p>
		</div>

		<div style="height:350px ; width:200px ; background:#FF0 ; float:right">
			<P style="text-align:center ; line-height:200px">附加推荐菜单</P>
		</div>

		<div style="height:200px ; width:100px ; background:#6C6 ; float:left">
			<h3>首页</h3>
			<bl>
				<li>衣服</li>
				<li>裤子</li>
				<li>鞋子</li>
				<li>头饰</li>
			</bl>
		</div>
		<div style="width:500px ; background:#9C0 ; height:100px ;float:left">
			<p style="text-align:center ; line-height:50px">第一页面显示板块</p>
		</div>
		<div style="width:500px ; background:#CF0 ; height:100px ;float:left">
			<p style="text-align:center ; line-height:50px">第二页面显示板块</p>
		</div>
		<div style="height:50px ; width:600px ; background:#F90 ; float:left">
			<p style=" text-align:center">底部网站信息布局</p>
		</div>
	</div>
</body>